{% extends "templates/conference.html" %}

{% block title %}IndiaOS 2020 - An Open Source Conference{% endblock %}

{% block meta %}
<meta name="title" content="IndiaOS 2020">
<meta name="description" content="See what's shaping the future of software, Join a community connected by code and turn ideas into innovations.">
{% endblock %}

{% block body %}
<section class="container mx-auto py-12">
	<div>
		<div class="paper px-6 md:p-6 lg:p-12 rounded shadow-md bg-white mt-8 mx-2 lg:mx-0">
			<div class="flex flex-wrap">
				<div class="w-full md:w-5/12 lg:w-1/3">
					<img class="border-8 border-white shadow-md h-64 w-64 -mt-12 mx-auto md:mx-0" style="transform: rotate(-8deg)" src="{{ speaker.photo }}" alt="{{ speaker.full_name }}">
				</div>
				<div class="w-full md:w-7/12 lg:w-2/3 mt-8 md:mt-0">
					<p class="mt-3 text-4xl font-bold font-medium text-gray-900">{{ speaker.full_name }}</p>
					<p class="font-medium text-gray-700 text-xl">{{ speaker.designation + ' - ' + speaker.organization }}</p>
					<div class="mt-4 font-mono text-sm">
						{% if speaker.website %}
							<a href="{{ speaker.website }}" class="underline text-blue-900 cursor-pointer mr-3">Website</a>
						{% endif %}
						{% if speaker.github %}
							<a href="{{ speaker.github }}" class="underline text-blue-900 cursor-pointer mr-3">Github</a>
						{% endif %}
						{% if speaker.twitter %}
							<a href="{{ speaker.twitter }}" class="underline text-blue-900 cursor-pointer mr-3">Twitter</a>
						{% endif %}
						{% if speaker.linkedin %}
							<a href="{{ speaker.linkedin }}" class="underline text-blue-900 cursor-pointer mr-3">LinkedIn</a>
						{% endif %}
					</div>
				</div>
			</div>
			{% if speaker.bio or speaker.bio_html %}
			<div class="mt-8 md:mt-10 font-mono font-medium text-gray-800">{{ speaker.bio if speaker.editor == 'Text' else speaker.bio_html }}</div>
			{% endif %}
		</div>
	</div>
</section>
{% endblock %}